jQuery(function() {
    if (jQuery.browser.msie) {
        jQuery(".inner-body-box").css("height", 580);
        jQuery(".box-menu-parent").css("height", 540);
    }
    ;

    jQuery(".box-menu-item").hover(function() {
        jQuery(this).addClass("box-menu-item-hover");
    }, function() {
        jQuery(this).removeClass("box-menu-item-hover");
    });

    jQuery(".box-menu-item").click(function() {
        jQuery(".div-menu").hide();
        jQuery("#" + jQuery(this).attr("idmenu")).show();
        jQuery("#menu-search-input").focus();
        jQuery(".box-menu-item-selected").removeClass("box-menu-item-selected").find("a").css("fontWeight", "normal");
        jQuery(this).addClass("box-menu-item-selected").find("a").css("fontWeight", "bold");
    });

    jQuery("#openMenu").click(function() {
        jQuery(".block-box").fadeIn("medium", function() {
            jQuery("#menu2").hide();
            jQuery("#menu1").show("fast", function() {
                jQuery("#menu-search-input").focus();
            });
            jQuery(".menu-box").css("top", jQuery(document).scrollTop() + 35).slideDown("medium");
            jQuery(".block-box").height(jQuery("body").height() + 48);

        });
    });

    
    jQuery(".block-box, .band-close").click(function() {
        jQuery(".menu-box").slideUp("medium", function() {
            jQuery(".block-box").fadeOut("medium");
        });
    });

    jQuery(".li-submenu:not(.top-parent-menu)").mouseover(function() {
        jQuery(".li-submenu").css("backgroundColor", "#fff");
        jQuery(".li-submenu").css("boxShadow", "0px 0px 0px #fff");
        jQuery(".li-submenu").css("border", "1px solid #fff");
        jQuery(".li-submenu").find("div.float-menu").hide();

        jQuery(this).css("backgroundColor", "#eee");
        jQuery(this).css("boxShadow", "0px 0px 5px #ccc");
        jQuery(this).css("border", "1px solid #ccc");
        var position = jQuery(this).position();
        var floatMenu = jQuery(this).find("div.float-menu");

        if (jQuery(this).parent().attr("subMenuAligment") === "4")
        {
            floatMenu.css("left", position.left - jQuery(this).outerWidth() + 35);

            if (jQuery(this).attr("sequence") !== "14" && jQuery(this).attr("sequence") !== "13")
                floatMenu.css("top", position.top);
            else
                floatMenu.css("top", position.top - floatMenu.height() + 12);

            floatMenu.show();
        }
        else
        {
            floatMenu.css("left", position.left + jQuery(this).outerWidth());

            if (jQuery(this).attr("sequence") !== "13" && jQuery(this).attr("sequence") !== "12")
                floatMenu.css("top", position.top);
            else
                floatMenu.css("top", position.top - floatMenu.height() + 12);

            floatMenu.show();
        }
    });

    jQuery(".li-submenu").mouseout(function() {
        jQuery(".li-submenu").css("backgroundColor", "#fff");
        jQuery(".li-submenu").find("div.float-menu").hide();
        jQuery(".li-submenu").css("boxShadow", "0px 0px 0px #fff");
        jQuery(".li-submenu").css("border", "1px solid #fff");
    });

    jQuery(".li-submenu").click(function() {
        var url = jQuery(this).find("a").attr("href");

        document.location = url;
    });

    jQuery("#menu-search-input").focus(function() {
        if (jQuery(this).val() === "Masukkan Keyword")
            jQuery(this).val("");
    });

    jQuery("#menu-search-input").blur(function() {
        if (jQuery(this).val() === "")
            jQuery(this).val("Masukkan Keyword");
    });

    jQuery("#menu-search-input").keyup(function(e) {
        jQuery("#search-result").html("");
        var searchVal = jQuery(this).val();

        if (searchVal !== "")
        {
            jQuery(".box-menu-parent .li-submenu").each(function(index) {
                if (jQuery(this).text().toLowerCase().indexOf(searchVal.toLowerCase()) !== -1)
                {
                    var text = jQuery(this).text();
                    
                    var textFinal = text.toLowerCase().replace(searchVal.toLowerCase(), "<strong style='color:blue; border-bottom:1px dashed blue'>" + searchVal.replace(/^([a-z])|\s+([a-z])/g, function($1) {
                        return $1.toUpperCase();
                    }) + "</strong>");

                    jQuery("#search-result").append("<li style='padding:5px 0px'>" + jQuery(this).html().replace(jQuery.trim(jQuery(this).text()), textFinal.replace(/^([a-z])|\s+([a-z])/g, function($1) {
                        return $1.toUpperCase();
                    })) + "</li>");
                }
            });
        }
        else
        {
            jQuery("#search-result").append("Tidak ada hasil, berikan <strong>keyword</strong>.");
        }
    });

    jQuery("#menu-search-button").click(function() {
        jQuery("#search-result").html("");
        var searchVal = jQuery("#menu-search-input").val();

        if (searchVal !== "")
        {
            jQuery(".box-menu-parent .li-submenu:contains('" + searchVal + "')").each(function(index) {
                if (jQuery(this).text().toLowerCase().indexOf(searchVal.toLowerCase()) !== -1)
                {
                    var text = jQuery(this).text();
                    
                    var textFinal = text.toLowerCase().replace(searchVal.toLowerCase(), "<strong style='color:blue; border-bottom:1px dashed blue'>" + searchVal.replace(/^([a-z])|\s+([a-z])/g, function($1) {
                        return $1.toUpperCase();
                    }) + "</strong>");
                    
                    jQuery("#search-result").append("<li style='padding:5px 0px'>" + jQuery(this).html().replace(jQuery.trim(jQuery(this).text()), textFinal.replace(/^([a-z])|\s+([a-z])/g, function($1) {
                        return $1.toUpperCase();
                    })) + "</li>");
                }
            });
        }
        else
        {
            jQuery("#search-result").append("Tidak ada hasil, berikan <strong>keyword</strong>.");
        }
    });
});